<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <%@ page language="java" contentType="text/html; charset=UTF-8"
             pageEncoding="UTF-8" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>湖北省第十七届运动会成绩信息发布</title>

    <link rel="icon" href="${contextPath}static/favicon.png" type="image/x-icon"/>
    <link rel="shortcut icon" href="${contextPath}static/favicon.png"/>
    <link href="${contextPath}static/css/bootstrap.min.css" rel="stylesheet">
    <link href="${contextPath}static/css/font-awesome.min.css" rel="stylesheet">
    <link href="${contextPath}static/css/sportPublic.css?v=1" rel="stylesheet">
    <link href="${contextPath}static/css/tab.css" rel="stylesheet">

    <style>
        .mysporttable {
            float: right;
        }

        .box-slider .box-slider-move {
            right: ${PXnum};
            left: auto;
        }

        .box-slider-people .box-slider-move {
            right: ${PXnum};
            left: auto;
        }
    </style>

    <script src="${contextPath}static/js/jquery-1.12.4.min.js?v=4"></script>
    <script src="${contextPath}static/js/bootstrap.min.js?v=4"></script>
    <script src="${contextPath}static/js/jquery.michiweber.table-head-fixed.js?v=4"></script>
    <script src="${contextPath}static/js/jquery-boxSlider2.js?v=4"></script>
    <script src="${contextPath}static/localijs/hhBase64.js?v=4"></script>
    <script src="${contextPath}static/localijs/time.js?v=8"></script>
    <script src="${contextPath}static/localijs/App.js?v=7"></script>
    <script language="javascript">
        $(document).ready(function () {
            // chrome 浏览器直接加上下面这个样式就行了，但是ff不识别
            $('body').css('zoom', 'reset');
            $(document).keydown(function (event) {
                //event.metaKey mac的command键
                if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || event.which === 107 || event.which === 173 || event.which === 109 || event.which === 187 || event.which === 189)) {
                    event.preventDefault();
                }
            });
            $(window).bind('mousewheel DOMMouseScroll', function (event) {
                if (event.ctrlKey === true || event.metaKey) {
                    event.preventDefault();
                }
            });
        });
        $(".box-slider-seta-left").mouseover();
    </script>

</head>
<body>
<div class="big-bg"></div>
<!-- 左边纵向导航 开始 -->
<div class="nav-vertical">
    <div class="sport-logo">
        <img src="${contextPath}static/images/real_logo.png">

        <span class="sport-logo-txt">2026 · 孝感</span>
    </div>
    <div class="sport-menu">
        <ul class="sport-menu-list">
            <li>
                <a href="${contextPath}">
                    <i class="fa fa-futbol-o"></i>
                    <span class="menu-li-txt">青少年体育类</span>
                </a>
            </li>
            <li>
                <a href="${contextPath}qzty">
                    <i class="fa fa-universal-access"></i>
                    <span class="menu-li-txt">群众体育类</span>
                </a>
            </li>
            <li >
                <a href="${contextPath}shjlb">
                    <i class="fa fa-universal-access"></i>
                    <span class="menu-li-txt">社会俱乐部类</span>
                </a>
            </li>
            <li >
                <a href="${contextPath}zdxs">
                    <i class="fa fa-universal-access"></i>
                    <span class="menu-li-txt">大学生类</span>
                </a>
            </li>
        </ul>
        <%--         <div class="code">
                  <img src="${contextPath}static/images/code.jpg" alt="">
                  <span>关注湖北省<br>运动会公众号</span>
                </div> --%>
    </div>
</div>
<!-- 左边纵向导航 结束 -->

<div class="sport-content col-sm-12">
    <div class="sport-content-center">
        <div class="sport-title">湖北省第十七届省运会赛程赛果</div>
        <div class="primary-content">
            <div class="primary-content-title">
                <h2>中学生组（田径，足球）</h2>
                <div class="sport-tab">
                    <ul class="nav nav-tabs">
                        <li class="active" ><a>决赛成绩</a></li>
<%--                        <li><a href="${contextPath}reportInfoForzdxs/zxs">排行榜</a></li>--%>
                    </ul>
                </div>
            </div>
            <div class="form-group">
<%--                <select  class="form-control" name="tClass" id="tClassSelect">--%>
<%--                    <option value="中学生">中学生</option>--%>
<%--                    <option value="大学生">大学生</option>--%>
<%--                </select>--%>
            </div>
            <input type="hidden" name="classId" id="classId" value="${classId}"/>
            <div class="every-date">
                <div class="every-date-tab">
                    <ul>
                        <li class="active">一月份</li>
                    </ul>
                </div>
                <div class="every-days">
                    <div class="every-days-cell block">
                        <ul>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="wrapper-content" style="min-height: 400px;">

            </div>
        </div>
        <div class="sport-footer">
            <p>建议使用IE9及以上版本浏览器 <br>版权所有 湖北省体育局</p>
        </div>
    </div>
</div>

<!-- 返回顶部 开始 -->
<div class="gototop" style="display: none;">
    <a href="javascript:;" title="返回顶部"><i class="fa fa-angle-up"></i></a>
</div>
<!-- 返回顶部 结束 -->
<script>

    if ($('.competition').find('span').length > 0) {
        $('.competition').find('span').parent('.competition').css({
            'text-align': 'left',
            'text-indent': '6px',
            'background': '#00BFFF'
        });
        // 	   $('.competition').find('div').parent('.competition').css({'text-align':'center','text-indent':'6px','background': '#00BFFF'});
    }
    $(function () {
        $(document).on("click",".every-date-tab ul li",function() {
            $(this).addClass('active').siblings().removeClass('active');
            var index = $(".every-date-tab ul li").index(this);
            $(".every-days-cell").eq(index).show().siblings().hide();
            $(".every-days-cell").eq(index).find('li:last a').addClass("silgDy-dayListActive").parent().click()
        });

        $(document).on("click",".every-days-cell ul li",function() {
            let time = $(this).attr("value")
            $(".silgDy-dayListActive").removeClass('silgDy-dayListActive')
            $(this).find('a').addClass("silgDy-dayListActive")
            $.ajax({
                type:'post',
                url:'${contextPath}dataInfoForCol',
                data:{time:time,tClass:'中学生'},
                dataType : 'html',
                beforeSend : function() {
                    $("#Loading").show();
                },
                complete: function () {
                    $("#Loading").hide();
                },
                success : function(html) {
                    $(".wrapper-content").html(html);
                }
            })
        })
        function startUp(){
            $.ajax({
                type:'get',
                url:'${contextPath}getTimeFromColStu',
                dataType:'json',
                data:{
                    tClass:'中学生'
                },
                success(result){
                    let data = result.dateTime
                    $('.every-date-tab ul').empty()
                    $('.every-days').empty()
                    if(!$.isEmptyObject(data)){
                        for(let key in data){
                            $('.every-date-tab ul').append('<li>'+key+'月份</li>')
                            let dayValue = data[key];
                            var liArr = [];
                            for (let i =0;i<dayValue.length;i++) {
                                let day = dayValue[i].substring(8)
                                liArr.push('<li class="active" value="'+dayValue[i]+'" ><a>'+day+'</a></li>')
                            }
                            $('.every-days').append(
                                '<div class="every-days-cell none">' +
                                '    <ul>' +
                                liArr.join('')+
                                '    </ul>' +
                                '</div>')
                        }
                        if($('#classId').val()==2213){
                            $('.every-date-tab ul li:last').click()
                        }else{
                            $('.every-date-tab ul li:first').click()
                        }
                    }else{
                        $(".wrapper-content").empty()
                    }
                }
            })
        }
        startUp()

    })

</script>
</body>
</html>
